
    
    
    body>.bottomBg{
        background:#fff;
    }
    body>.bottomBg .box .son .colorBlock{
        background-color:#fb0; 
    }
    body>.bottomBg .box .son .sawtooth{
        background-image: url(../img/common/bt_sawtooth_blue.png);
    } 
    .animateBottle.big{
        top: 45vw;
        left:53vw;
        transition: transform 1.5s cubic-bezier(0.26, 0.01, 0.14, 1);
        transform: translate3d(25vw,-50%,0px) rotate(0deg);
    }
    @media(min-width:1025px){
        .animateBottle.big{
            top:400px;
            transform: translate3d(300px,-50%,0px) rotate(0deg);
        }
    }
    @media(max-width:767px){
        .animateBottle.big{
            top:230px;
        }
    }
    header .menu ul .line span,
    header .menu .menuBtn i{
        background: #333081;
    }
  
    header .menu ul li{
        color: #333081;
    }
    .shave,
    main .palace{
        background: #fff;
    }
    header .menu::before{
        background: #fb0;
    }
    .mainHead .title .txt h1{
        color: #dd0000;
        text-align: initial;
    }
    
    .mainHead .title .bg{
        background-image: url(../img/common/yellowBlock.png);
    }
    .mainHead .content{
        background: #393;
        padding-left: 0px;
        padding-right:0px;
        padding-top: 20px;
    }
    .mainHead .content>p{
        font-size: 26px;
        line-height: 40px;
    }
    .mainHead .newest{
        width: 60%;
        margin: 0px auto;
        padding-bottom: 150px;
    }
    .mainHead .item{
        width: 30%;
        display: block;
        padding-bottom: 128px;
        transform: translateY(-72px);
    }
    .mainHead .newest .item{
        width: 100%;
        padding-bottom: 60px;
    }
    .mainHead .item .newsImg{
        padding-bottom: 100%;
        position: relative;
    }
    .mainHead .item .newsImg img{
        position: absolute;
        width: 100%;
        object-fit: cover;
        height: 100%;
    }
    .mainHead .item .newsInfo{
        margin-top: -20px;
        position: relative;
        z-index: 2;
        text-align: center;
        padding-bottom: 7px;
    }
    .mainHead .item .newsInfo>*{
        margin-bottom: 20px;
        line-height: 25px;
        font-size: 14px;
    }
    .mainHead .newest .item .newsInfo .newsTitle{
        color:#dd0000;
        font-size: 48px;
        line-height: 55px;
    }
    .mainHead .item .newsInfo .newsTitle{
        font-size: 24px;
        font-weight: bold;
    }
    .mainHead .newest .item .newsInfo .date{
        line-height: 55px;
    }
    .mainHead .item .newsInfo .date{
        letter-spacing: 3px;
    }
    .mainHead .item .newsInfo .wavePic{
        padding-top: 0px;
        margin-bottom: 0px;
    }
    .mainHead .newsList,
    .mainHead .newsList .case{
        float: left;
        width: 100%;
    }
    .mainHead .newsList{
        position: relative;
        margin-bottom: -1px;
    }
    .mainHead .newsList .colorBlock{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
    }
    .mainHead .newsList .colorBlock div{
        display: none;
        width: 100%;
    }
    .mainHead .newsList .colorBlock div:nth-child(odd){
        background: #333081;
    }
    .mainHead .newsList .colorBlock div:nth-child(even){
        background: #fff;
    }
    .mainHead .newsList .case{
        position: relative;
        z-index: 2;
    }
    .mainHead .newsList .case .item{
        margin-top: -50px;
    }
    .mainHead .newsList .case .item>*{
        opacity: 1;
        transform: translateY(0px);
        transition-duration: 1s;
        transition-property: opacity,transform;
    }
    .mainHead .newsList .case .item.outView>*{
        opacity: 0;
        transform: translateY(20px);
    }
    
    .mainHead .newsList .case .item:nth-child(4n+1){
        margin-left: 5%;
        float: left;
    }
    .mainHead .newsList .case .item:nth-child(4n+2){
        margin-right: 5%;
        float: right;
    }
    .mainHead .newsList .case .item:nth-child(4n+1),
    .mainHead .newsList .case .item:nth-child(4n+2){
        color: #fff;
    }
    
    .mainHead .newsList .case .item:nth-child(4n+1) .newsInfo,
    .mainHead .newsList .case .item:nth-child(4n+2) .newsInfo{
        background-image: url(../img/common/wave.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        
    }
    .mainHead .newsList .case .item:nth-child(4n-1){
        margin-left: 15%;
        float: left;
    }
    .mainHead .newsList .case .item:nth-child(4n){
        float: right;
        margin-right: 15%;
    }
    .mainHead .newsList .case .item:nth-child(2n+1){
        clear: both;
    }
    .mainHead .newsList .case .item .newsInfo p{
        padding: 0px 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        white-space: normal;
        word-break: break-all;
        line-height: 125%;
    }
    .mainHead .newsList .case .item:nth-child(4n-1),
    .mainHead .newsList .case .item:nth-child(4n){
        color: #dd0000;
    }
    .mainHead .newsList .case .item:nth-child(4n-1) .newsInfo,
    .mainHead .newsList .case .item:nth-child(4n) .newsInfo{
        background-image: url(../img/common/blackWave.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        
    }
    .mainHead .item .newsImg .rollBox{
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        display: none;
        transform: translate(-50%,-50%);
    }
    .mobileDevice .mainHead .item .newsImg .rollBox{
        display: block;
    }
    .mainHead .item:hover .newsImg .rollBox{
        display: block;
    }
    .mainHead .pages{
        clear: both;
        padding-bottom: 40px;
    }
    .mainHead .pages.blue{
        background: #333081;
    }
    .mainHead .pages.white{
        background: #fff;
    }
    .mainHead .pages .prev,
    .mainHead .pages .next{
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .mainHead .pages .prev{
        border-right: 10px solid transparent;
    }
    .mainHead .pages.blue .prev{
        border-right-color: #fff;
    }
    .mainHead .pages.white .prev{
        border-right-color: #333081;
    }
    .mainHead .pages .next{
        border-left: 10px solid transparent;
    }
    .mainHead .pages.blue .next{
        border-left-color: #fff;
    }
    .mainHead .pages.white .next{
        border-left-color: #333081;
    }
    .mainHead .pages a{
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
    }
    .mainHead .pages.blue a{
        color: #fff;
    }
    .mainHead .pages.white a{
        color: #333081;
    }
    .mainHead .pages a.active{
        color:#fb0 !important;
    }
    .mainHead .pages a + a{
        margin-left: 25px;
    }
    footer .palace{
        background: #fb0;
    }
    footer nav{
        color:#000;
    }
    footer nav ul i{
        background: #333081;
    }
    
    @media(max-width:767px){
        .mainHead .item{
            transform: translateY(-32px);
        }
        .mainHead .newsList .case{
            display: block;
        }
        .mainHead .newest{
            width: 100%;
        }
        .mainHead .newsList .case .item{
            width: 90%;
            margin: 0px auto !important;
            float: initial !important;
        }
        .mainHead .newsList .case .item .newsInfo{
            background-size: 220px;
        }
        .mainHead .item .newsImg .rollBox{
            max-width: 200px;
        }
        .mainHead .pages a + a{
            margin-left: 15px;
        }

        .mainHead .pages .prev,
        .mainHead .pages .next{
            border-top-width: 9px;
            border-bottom-width: 9px;
        }
        .mainHead .pages .prev{
            border-right-width: 9px;
        }
        .mainHead .pages .next{
            border-left-width: 9px;
        }

    }
    